﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Account.aspx.cs" Inherits="InhollandAir.Account" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>InhollandAir - My Air</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
    <link href="//fonts.googleapis.com/css?family=Open+Sans:300,800" rel="stylesheet" type="text/css" />
	<link href="//fonts.googleapis.com/css?family=Oleo+Script" rel="stylesheet" type="text/css" />
	<script src="css/5grid/jquery.js"></script>
	<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none&amp;mobileUI_titleBarOverlaid=1&amp;mobileUI_titleBarHeight=60&amp;viewport_is1000px=1060&amp;mobileUI_openerWidth=80"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            //$('.account-table:eq(1) tr:eq(0)').hide();
            $('.account-table:eq(1) tr:even').each(function() {
                var txt = $(this).find('td:last').text();
                $(this).find('td:last').text('DELETE');
                var loc = $(this).find('td:last').closest('tr').prev('tr').find('td:last');
                $(loc).append(' - ' + txt);
            });
            $('.account-table:eq(1) tr:even td:contains("DELETE")').each(function () {
                $(this).parent().remove();
            });
        });
    </script>
    <noscript>
		<link rel="stylesheet" href="css/5grid/core.css" />
		<link rel="stylesheet" href="css/5grid/core-desktop.css" />
		<link rel="stylesheet" href="css/5grid/core-1200px.css" />
		<link rel="stylesheet" href="css/5grid/core-noscript.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/style-desktop.css" />
	</noscript>
	<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
	<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
	<body class="right-sidebar">
        <form id="form1" runat="server">
		<!-- Header Wrapper -->
			<div id="header-wrapper">
				<div class="5grid-layout">
					<div class="row">
						<div class="12u">
							<!-- Header -->
							<header id="header">
								<!-- Logo -->
								<div id="logo">
									<h1><a href="#">InhollandAir</a></h1>
									<span>Where the sky is no limit!</span>
								</div>
								<!-- Nav -->
								<nav id="nav">
									<ul>
										<li><a href="Default.aspx">InhollandAir</a></li>
										<li><a href="PlanBook.aspx">Plan and Book</a></li>
										<li><a href="Corporate.aspx">Corporate</a></li>
										<li class="current_page_item"><a href="Login.aspx">My Air</a></li>
                                        <li><asp:LinkButton OnClick="Logout" ID="lbLogout" runat="server">Logout</asp:LinkButton></li>
									</ul>
								</nav>
							</header>
						</div>
					</div>
				</div>
			</div>
		
		<!-- Main Wrapper -->
			<div id="main-wrapper">
				<div class="5grid-layout">
					<div class="row">
						<div class="8u">

							<!-- Content -->
								<div id="content">
									<article class="last">

										<h2>Welcome&nbsp;<asp:Label ID="lblFullName" runat="server" />,</h2>

										<p>This is your account overview. You can change your personal information or check your InhollandMiles status.</p>
										
										<h3>Details</h3>
										<table>
                                            <tr>
                                                <td>First name</td>
                                                <td><asp:Label runat="server" ID="lblFirstName"></asp:Label></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>Family name</td>
                                                <td><asp:Label runat="server" ID="lblFamilyName"></asp:Label></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>Birth date</td>
                                                <td><asp:Label runat="server" ID="lblBirthdate"></asp:Label></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>Sex</td>
                                                <td><asp:Label runat="server" ID="lblSex"></asp:Label></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>Phone</td>
                                                <td><asp:TextBox runat="server" ID="txtPhoneNumber" TextMode="Phone"></asp:TextBox></td>
                                                <td><asp:RequiredFieldValidator runat="server" ValidationGroup="Details" EnableClientScript="False" ID="reqPhoneNumber" ControlToValidate="txtPhoneNumber" ErrorMessage="Enter your phone number."></asp:RequiredFieldValidator>
                                                    <asp:RegularExpressionValidator runat="server" ValidationGroup="Details" EnableClientScript="False" ID="regPhoneNumber" ControlToValidate="txtPhoneNumber"  ValidationExpression="^[\d]{1,14}$" ErrorMessage="Correct your phone number to this format: up to 14 digits."></asp:RegularExpressionValidator></td>
                                            </tr>
                                            <tr>
                                                <td>Email</td>
                                                <td><asp:TextBox runat="server" ID="txtEmailAddress" TextMode="Email"></asp:TextBox></td>
                                                <td><asp:RequiredFieldValidator runat="server" ID="reqEmail" ValidationGroup="Details" EnableClientScript="False" ControlToValidate="txtEmailAddress" ErrorMessage="Enter your email address."></asp:RequiredFieldValidator>
                                                        <asp:RegularExpressionValidator runat="server" ValidationGroup="Details" EnableClientScript="False" ID="regEmail" ControlToValidate="txtEmailAddress" ErrorMessage="Correct your email address to this format: example@provider.com" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator></td>
                                            </tr>
                                            <tr>
                                                <td>Country</td>
                                                <td><asp:DropDownList runat="server" ID="ddlAllCountry"/></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>Postal code</td>
                                                <td><asp:TextBox runat="server" ID="txtPostalCode"></asp:TextBox></td>
                                                <td><asp:RegularExpressionValidator runat="server" ID="regPostalCode" ValidationGroup="Details" EnableClientScript="False" ControlToValidate="txtPostalCode" ErrorMessage="Correct your postalcode to the following format: up to 12 alphanumerics and white spaces." ValidationExpression="^[\w\s]{1,12}$"></asp:RegularExpressionValidator></td>
                                            </tr>
                                            <tr>
                                                <td>House number</td>
                                                <td><asp:TextBox runat="server" ID="txtHouseNumber"></asp:TextBox></td>
                                                <td><asp:RequiredFieldValidator runat="server" ID="reqHouseNumber" ValidationGroup="Details" EnableClientScript="False" ControlToValidate="txtHouseNumber" ErrorMessage="Enter your house number."></asp:RequiredFieldValidator>
                                                        <asp:RegularExpressionValidator runat="server" ID="regHouseNumber" ValidationGroup="Details" EnableClientScript="False" ControlToValidate="txtHouseNumber" ErrorMessage="Correct your house number to the following format: up to 10 alphanumerics and white spaces." ValidationExpression="^[\w\s]{1,10}$"></asp:RegularExpressionValidator></td>
                                            </tr>
                                            <tr>
                                                <td>Username</td>
                                                <td><asp:Label runat="server" ID="lblUserName"></asp:Label></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td><asp:Button runat="server" Text="Update Details"  ID="btnUpdateDetails" CssClass="button" ValidationGroup="Details" OnClick="BtnUpdateDetailsClick"/></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td>New password</td>
                                                <td><asp:TextBox runat="server" ID="txtNewPassword" TextMode="Password"></asp:TextBox></td>
                                                <td><asp:RegularExpressionValidator runat="server" ID="regPassword"  EnableClientScript="False" ValidationGroup="Password" ControlToValidate="txtNewPassword" ErrorMessage="Your password does not meet the criteria." ValidationExpression="^(?=.*\d)(?=.*[a-zA-Z]).{8,99}$"></asp:RegularExpressionValidator></td>
                                            </tr>
                                            <tr>
                                                <td>Repeat new password</td>
                                                <td><asp:TextBox runat="server" ID="txtNewPasswordRepeat" TextMode="Password"></asp:TextBox></td>
                                                <td><asp:CompareValidator runat="server" ID="compPassword"  EnableClientScript="False" ValidationGroup="Password" ControlToCompare="txtNewPassword" ControlToValidate="txtNewPasswordRepeat" ErrorMessage="Password not repeated correctly."></asp:CompareValidator></td>
                                            </tr>
                                            <tr>
                                                <td><asp:Button runat="server" ID="btnUpdatePassword"  EnableClientScript="False" Text="Update Password" ValidationGroup="Password" CssClass="button" OnClick="BtnUpdatePasswordClick"/></td>
                                            </tr>
										</table>

									</article>
								</div>

						</div>
						<div class="4u">
						
							<!-- Sidebar -->
								<div id="sidebar">

									<section>
										<h3>InHollandMiles</h3>
										<table class="account-table">
										    <tr>
										        <td>Balance</td>
                                                <td><asp:Label runat="server" ID="lblInHollandMiles"></asp:Label> IHM</td>
										    </tr>
                                            <tr>
                                                <td>Last transaction</td>
                                                <td><asp:Label runat="server" ID="lblLastTransaction"></asp:Label> IHM</td>
                                            </tr>
										</table>
                                        <h3>Bookings</h3>
                                        <asp:GridView runat="server" ID="gvBookings" CssClass="account-table"></asp:GridView>
                                        
                                        <asp:Label runat="server" ID="lblCancelNote" Text="Want to cancel your trip? Select the ID below and click 'Cancel'."></asp:Label>
                                        <asp:DropDownList runat="server" ID="ddlCancelBooking"/>
                                        <asp:Button runat="server" ID="btnCancelBooking" Text="Cancel" CssClass="button" OnClick="BtnCancelBookingClick"/>
                                        <br/>
                                        <asp:Label runat="server" ID="lblCancelResult"></asp:Label>
									</section>
								</div>
						
						</div>
					</div>
				</div>
			</div>

		<!-- Footer Wrapper -->
			<div id="footer-wrapper">
			    <footer id="footer" class="5grid-layout">
				    <div class="row">
					    <div class="3u">
						    <!-- Links -->
							<section>
								<h2>Industry News</h2> 
                                <ul class="style2">
                                	<li><a href="#">• Stocks Air Indonesia drop 29%</a></li>
									<li><a href="#">• Helsinki opens third airport</a></li>
									<li><a href="#">• Fokker show A380 competitor</a></li>
									<li><a href="#">• Boeing battery issues finally solved?</a></li>
									<li><a href="#">• Former captain turns whistleblower</a></li>
								</ul>
							</section>
					    </div>
					    <div class="3u">
						    <!-- Links -->
							<section>
								<h2>Latest offers</h2>
								<ul class="style2">
									<li><a href="#">• Rio de Janeiro</a></li>
									<li><a href="#">• Moscow</a></li>
									<li><a href="#">• New York</a></li>
									<li><a href="#">• Eastern Island</a></li>
									<li><a href="#">• Tokyo</a></li>
								</ul>
							</section>
					    </div>
					    <div class="3u">
						    <!-- Links -->
					    </div>
					    <div class="3u">
						    <!-- Contact -->
							<section class="widget-contact last">
								<h2>Contact Us</h2>
								<ul>
									<li><a href="http://twitter.com/" class="twitter">Twitter</a></li>
									<li><a href="http://facebook.com/" class="facebook">Facebook</a></li>
									<li><a href="https://plus.google.com/" class="googleplus">Google+</a></li>
								</ul>
								<p>Bergerweg 200 #A323<br />
								1817MN, Alkmaar<br />
								+31(0)72-1234567</p>
							</section>
					    </div>
				    </div>
				    <div class="row">
					    <div class="12u">
						    <div id="copyright">
							    &copy; InhollandAir. All rights reserved. | Images through: <a href="Default.aspx">InhollandAir Group Photography</a> | Design by: <a href="#">Jens Kloes & Michael Vlaar</a>
						    </div>
					    </div>
				    </div>
			    </footer>
			</div>
        </form>
	</body>
</html>
